<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="WEB-INF/custom.tld" prefix="foot"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>footMassonMonediere - Détail match</title>

<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
		<link rel="stylesheet" href="css/jquery.jOrgChart.css"/>
		<link rel="stylesheet" href="css/foot.css"/>

</head>

<body>

<div class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">FootMassonMonedierePerrin</a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">${leMatch.equipe1.nomEquipe} - ${leMatch.equipe2.nomEquipe}</a></li>
            <li><a href="?action=accueil">Acceuil</a></li>
          </ul>
        </div>
      </div>
 </div>
<div class="starter-template">
	<h2>Match : ${sessionScope.leMatch.equipe1.nomEquipe} - ${leMatch.equipe2.nomEquipe}</h2>
	<h2>Score : ${sessionScope.leMatch.score()} </h2>
	<h3> Arbitre : ${sessionScope.leMatch.arbitre.prenomArbitre} ${sessionScope.leMatch.arbitre.nomArbitre}</h3>
	<h3>Status : ${sessionScope.leMatch.statusMatch}</h3>
	<h2>Buts : </h2>
	<br/>
	<table class="table list table-striped table-bordered" >
		<thead>
			<th> Équipe</th>
			<th> Buteur </th>
			<th> Temps </th>
		</thead>
		<c:forEach var="b" items="${sessionScope.leMatch.lesButs}">
			<tr>
				<td> ${b.auteur.equipe.nomEquipe}</td>
				<td> ${b.auteur.prenom} ${b.auteur.nom}  </td>
				<td> 
					<c:if test="${not b.tir_au_but}"> ${b.heure } </c:if>
					<c:if test="${b.tir_au_but}">Tir au but </c:if>
				</td>
			</tr>
		</c:forEach>
	</table>
</div>
</body>
</html>